<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>San Miguel | Pueblos Vivos</title>
		<!--Estilos-->
		<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="css/orbit.css"/>
		
		<!-- Attach necessary scripts -->
		<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.orbit.min.js"></script>
		<link rel="shortcut icon" type="image/x-icon" href="images/logo.ico" />
                <!--<link rel="icon" type="image/png" href="images/logo.ico" />-->
                
		<!-- Run the plugin -->
		<script type="text/javascript">
			$(window).load(function() {
				$('#featured').orbit({
					'bullets': true,
					'timer' : true,
					'animation' : 'horizontal-slide'
				});
			});
		</script>
			

    </h:head>

    <h:body>
    
        <div id="blog">
			<div id="header">
			
				<div id="nav">
					<a href="#logo" class="link">Bienvenido a: www.web.com</a>
					<div class="menu">
						<ul>
							<li><a href="login.jsf" class="active">Principal</a></li>
                                                        <li><a href="ingresoAlumnos.jsp">Registro</a></li>
							
						</ul>
					</div><!--/menu-->
				</div><!--/nav-->
				
				<div id="logo">
					<h1 class="logo"><a href="#logo">Web</a></h1>
                                        <h:form class="search" id="formLogin">

                                                    <p:growl id="growl" showDetail="true" showSummary="true" sticky="false"/>

                                                <p:panelGrid columns="6">

                                                <h:outputLabel value="Usuario" for="usuario"/>

                                                <p:inputText id="usuario" value="#{loginBean.user.login}" required="true" 
                                                        requiredMessage="El usuario es requerido"/>

                                                <h:outputLabel value="Clave" for="clave"/>

                                                <p:password id="clave" value="#{loginBean.user.password}" required="true"
                                                        requiredMessage="La clave es requerida"/>

                                                <p:commandButton id="login" value="Login" action="#{loginBean.doLogin()}" update=":formLogin:growl"/>

                

                                                </p:panelGrid>

                                                </h:form>
				</div><!--/logo-->
			</div><!--/header-->
			
			<div id="container">
				<div id="content">
					<div id="featured">
						<img src="images/flora_01.jpg" alt="Link" />
						<img src="images/flora_02.jpg" alt="Master Chief" />
						<img src="images/flora_03.jpg"  alt="Marcus Fenix" rel="marcusCaption" />
					</div><!--/freatured-->
					
					<div id="post">
						<h1>Welcome</h1>
						<p class="green">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae sem lorem. Quisque sit amet dolor ut nisi convallis rhoncus et nec tellus. Ut hendrerit laoreet sapien. 
						</p>
						
						<p>
							<strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Aenean vitae sem lorem. Quisque sit amet dolor ut nisi convallis rhoncus et nec tellus. Ut hendrerit laoreet sapien. Sed a gravida nisl. Nullam quis rutrum magna.
						</p>
						<p>
							<img src="images/wrat.png" />
							<img src="images/wrat.png" />
						</p>
						
						<p>
							<strong>Vestibulum faucibus fringilla augue</strong>, eget condimentum nisl congue ut. Sed lacinia posuere mollis. Aliquam semper risus nec tortor ultricies adipiscing. Nam sagittis sapien ut sapien auctor fringilla. Proin iaculis, purus vitae hendrerit laoreet, ipsum justo mollis lorem, sed commodo lacus dolor vitae quam. 
						</p>
						
						<p class="italic">
							Etiam magna massa, tempus in bibendum et, malesuada sed ipsum. Duis non arcu lorem, eget fringilla lacus. In nisi dolor, ultrices at eleifend porta, bibendum et ligula
						</p>
					</div>
					
				</div><!--/content-->
				
				<div id="sidebar">
                                    
				</div><!--/sidebar-->
			</div><!--/container-->
			
		</div><!--/blog-->
		
		
		<div id="footcontainer">
			
		</div><!--/foot-container-->
    

    </h:body>

</html>
